<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:head>
	<title>Stock Ranking</title>
	<link href="style.css" type="text/css" rel="stylesheet" />
</h:head>
<h:body>
	<div align="right">
		<h:panelGrid columns="1" styleClass="header-panelGrid" columnClasses="header-panelGridColumn">
			<h:outputText value="Sistema Informático de Análisis Bursátil" styleClass="header-application-name"/>
			<br/>
			<h:panelGroup>
				<h:outputText value="Logueado exitosamente como '#{cotizacionBean.userLoggedname}' " 
					style="font-size: 12px;"/>
				<h:link value="[Logout]" outcome="login"  style="color:#050552; font-size: 12px;" />
			</h:panelGroup>
		</h:panelGrid>
	</div>
	<h:form>
		<p:menubar styleClass="menubar">
			<p:menuitem value="Importar cotizaciones" action="cotizacion" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
			<p:menuitem value="Importar balances" action="balance" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
			<p:menuitem value="Analisis de datos" action="analisis" ajax="false" styleClass="menubar-item" 
				style="color:white; font-weight: bold;"/>
		</p:menubar>
	</h:form>
	<h:form >
		<h:panelGrid columns="2" cellpadding="5" style="width:800px; margin-left:30px; margin-top:20px" columnClasses="panelgrid-column, panelgrid-column">  
	 		<h:panelGrid columns="2">
	 			<h:graphicImage library="images" value="/pages/images/analisis.png"/>
	 			<h:outputText value="Análisis de datos" styleClass="body-subTitle" />
	 		</h:panelGrid>
	 		<p:growl id="messages" showDetail="true" life="3000" autoUpdate="true"/>	
			<h:panelGrid id="leftGroup" columns="1" cellpadding="5">  
		    	<h:outputText value="Inversión ponderada" styleClass="body-subTitle2" />
		    	<p:panel >
					<h:panelGrid columns="1" cellpadding="5" style="text-align: left; width:400px; " id="cantEmpresasPanel">
							<h:panelGroup>
								<h:outputLabel for="cantEmpresa" value="Cantidad de empresas a considerar en el ranking:  " styleClass="label"/>
								<p:selectOneMenu id="cantEmpresa" value="#{analisisBean.cantEmpresa}" label="CantEmpresa">
									<p:ajax listener="#{analisisBean.cantEmpresaValueChange}" update="cantEmpresasPanel" />
									<f:selectItems value="#{analisisBean.cantEmpresaList}" var="item" itemLabel="#{item.toString()}" />
								</p:selectOneMenu>
							</h:panelGroup>
							<c:forEach var="itemPosicion" items="#{analisisBean.posicionEmpresaList}">
							    <h:panelGroup>
									<h:outputLabel value="Posición #{itemPosicion.puesto}:  " styleClass="label"/>
									<p:inputText value="#{itemPosicion.inversion}" styleClass="text-input" style="font-size: 11px;"/>
								</h:panelGroup>
				  			</c:forEach>
					</h:panelGrid>
				</p:panel>
				<h:outputText value="Metodos" styleClass="body-subTitle2"/>
				<h:panelGrid columns="1" cellpadding ="0" width="100%">
					<p:panel>
						<p:selectOneRadio id="customRadio" value="#{analisisBean.filtro.metodo}" layout="custom">
							 <f:selectItem itemValue="P" />
							 <f:selectItem itemValue="S" />
						</p:selectOneRadio>
						<h:panelGrid columns="4" cellpadding="5" width="330">
							 <p:radioButton id="opt1" for="customRadio" itemIndex="0"/>
							 <h:outputLabel for="opt1" value="Metodo Pasquali" styleClass="label"/>
							 <p:radioButton id="opt2" for="customRadio" itemIndex="1"/>
							 <h:outputLabel for="opt2" value="Metodo STD" styleClass="label"/>
						 </h:panelGrid>
					</p:panel>
				</h:panelGrid>
				<h:outputText value="Filtro por rubro" styleClass="body-subTitle2"/>
				<p:panel>
					<h:panelGrid columns="1"  cellpadding="5">
						<h:panelGrid columns="5"  cellpadding="5">
							<h:outputLabel id="lblRubro" for="cmbRubro" value="Rubro: " styleClass="label" />
							<p:selectOneMenu id = "cmbRubro" value="#{analisisBean.nombreRubro}" label="lblRubro">
								<f:selectItems value="#{analisisBean.rubroList}" var="rubro" itemLabel="#{rubro.nombre}" itemValue="#{rubro.nombre}" />
							</p:selectOneMenu>
							<h:outputLabel id="lblCantidadEmpresa" for="txtCantidadEmpresa" value="Cantidad: " styleClass="label"/>
							<p:inputText id="txtCantidadEmpresa" value="#{analisisBean.cantEmpresa}" label="lblCantidadEmpresa"  styleClass="text-input" style="font-size: 11px;"/>
							<h:commandButton id="btnSeleccionarRubro" action="#{analisisBean.seleccionarRubro}"  image="/pages/images/mas.png" title="Agregar" update="tblRubro"></h:commandButton>
						</h:panelGrid>
						<p:dataTable id="tblRubro" var="row" value="#{analisisBean.rubroSeleccionadoList}" 
							emptyMessage="" >
							<p:column headerText="" style="text-align:center;white-space:nowrap;padding:2px 2px 2px 2px;color: #000000;font-size: 12px;font-family: Tahoma;text-shadow: none;">
								<p:growl id="messages" showDetail="true"/>	
					        	<p:commandLink ajax="true" action="#{analisisBean.borrarRubro(row)}" update="tblRubro" process="@this" >
					            <span title="Remove" class="ui-icon ui-icon-trash"/>
					        	</p:commandLink>
							</p:column>
							<p:column headerText="Rubro" style="text-align:center;white-space:nowrap;padding:2px 2px 2px 2px;color: #000000;font-size: 12px;font-family: Tahoma;text-shadow: none;">
								<h:outputText value="#{row.nombreRubro}" style="font-size: 12px; font-family: Tahoma; color:#000000; text-shadow: none; padding:2px 2px 2px 2px;background-color: white;"/>
							</p:column>
							<p:column headerText="Cantidad" style="text-align:center;white-space:nowrap;padding:2px 2px 2px 2px;color: #000000;font-size: 12px;font-family: Tahoma;text-shadow: none;">
								<h:outputText value="#{row.cantidad}" />
							</p:column>
						</p:dataTable>
					</h:panelGrid>
				</p:panel>
			</h:panelGrid>
		   	<h:panelGrid id="rightGroup" columns="1" cellpadding="5">  
				<h:panelGrid columns="2" cellpadding="5">
						<h:outputText value="Filtro por fecha" styleClass="body-subTitle2"/>
						<h:outputText value="Otras configuraciones" styleClass="body-subTitle2"/>
						<p:panel>
							<h:panelGrid columns="4" cellpadding="2" width="330">
								<h:outputLabel id="lblFechaDesde" for="calFechaDesde" value="Fecha desde: " styleClass="label"/>
								<p:calendar value="#{analisisBean.filtro.fechaDesde}" id="calFechaDesde" styleClass="text-calendar" style="font-size: 11px;"/>
								<h:outputLabel id="lblFechaHasta" for="calFechaHasta" value="Fecha hasta: " styleClass="label" />
								<p:calendar value="#{analisisBean.filtro.fechaHasta}" id="calFechaHasta" styleClass="text-calendar" style="font-size: 11px;"/>
							</h:panelGrid>
						</p:panel>  
						<p:panel>
							<h:panelGrid columns="5" cellpadding="2" width="330">
								<h:outputLabel id="lblComision" for="txtComision" value="Comision: " styleClass="label" />
								<p:inputText id="txtComision" value="#{analisisBean.filtro.comision}" label="lblComision" styleClass="text-input" style="font-size: 11px;"/>
								<h:outputLabel id="lblRecambio" for="txtRecambio" value="Recambio cada: " styleClass="label"/>
								<p:inputText id="txtRecambio" value="#{analisisBean.filtro.recambio}" label="lblRecambio" styleClass="text-input" style="font-size: 11px;"/>
								<h:outputLabel id="lblMeses" value="Meses" styleClass="label"/>
							</h:panelGrid>
						</p:panel>
				</h:panelGrid>
				<h:panelGrid columns="1" cellpadding="5">
					<h:outputText value="Filtro por empresas" styleClass="body-subTitle2"/>
					<h:panelGrid cellpadding="5" columns="2">
						<p:pickList id="pickListEmpresa" value="#{analisisBean.empresaList}" var="empresa"   
			            	itemLabel="#{empresa.codigo}" itemValue="#{empresa}" converter="empresaConverter" styleClass="pick-list-text" style="color:000000"/>
		            </h:panelGrid>		
		            <h:panelGrid cellpadding="5" columns="2">	
						<p:commandButton id="btnMerval" value="Seleccionar empresas Merval" action="#{analisisBean.seleccionarMerval}" 
							update="pickListEmpresa" />
			    		<p:commandButton id="btnMerval25" value="Seleccionar empresas Merval25" action="#{analisisBean.seleccionarMerval25}" 
			    			update="pickListEmpresa" />
						<p:commandButton id="btnAnalisis" value="Iniciar analisis" action="#{analisisBean.analisis}" global="true"/>
						<p:commandButton id="clean" value="Limpiar pantalla" action="#{analisisBean.init}" update="@form" immediate="true"/>				             									  
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
		</h:panelGrid>
		<p:ajaxStatus>
			<f:facet name="prestart">
				<div align="right">
					<h:graphicImage library="images" value="/pages/images/ajax-loader.gif" style="position:right;"/>
				</div>
			</f:facet>
			<f:facet name="complete">
				<h:graphicImage library="images" value=""/>
			</f:facet>
		</p:ajaxStatus>
	</h:form>
</h:body>
</html>